@import '../../css/base.scss';
$height: p2rm(100);
@mixin basedis {
    position: relative;
    display: inline-block;
    height: $height;
    line-height: $height;
    font-size: p2rm(28);
}
.inv-item {
    display: flex;
    height: $height;
    padding: 0 p2rm(40);
    border-bottom: solid 1px #e5e5e5;
    .inv-type {
        @include basedis;
        padding: 0 p2rm(45);
        &:before {
            $rw: p2rm(28);
            content: '';
            position: absolute;
            left: p2rm(4);
            top: p2rm(36);
            width: $rw;
            height: $rw;
            border: solid 1px #e5e5e5;
            border-radius: $rw;
        }
        &.inv-type-active:after {
            $rw: p2rm(16);
            content: '';
            position: absolute;
            left: p2rm(11);
            top: p2rm(43);
            width: $rw;
            height: $rw;
            border-radius: $rw;
            background: #f15a24;
        }
    }
    .inv-label {
        @include basedis;
        padding-left: p2rm(8);
    }
    .inv-value {
        flex-grow: 1;
        @include basedis;
    }
    .inv-input {
        flex-grow: 1;
        @include basedis;
        input {
            display: inline-block;
            width: 100%;
            height: p2rm(80);
            line-height: p2rm(80);
            font-size: p2rm(28);
            
        }
        input::-webkit-input-placeholder {
            color: #f0f0f0;
        }
        input::-moz-placeholder {
            color: #f0f0f0;
        }
        input::-ms-input-placeholder {
            color: #f0f0f0;
        }
        
    }
}
.inv-sure {
    padding: p2rm(32) p2rm(40);
    .inv-sure-btn {
        display: inline-block;
        width: 100%;
        height: p2rm(90);
        line-height: p2rm(90);
        background: #ffd214;
        font-size: p2rm(32);
        border-radius: p2rm(90);
    }
}